<!DOCTYPE html>
<!-- saved from url=(0043)http://mdp.tylingsoft.com/index.zh_CN.html# -->
<html style="overflow: hidden; height: 100%; border: none; padding: 0px; margin: 0px;" class="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Markdown Plus</title>
    <link rel="stylesheet"
          href="http://mdp.tylingsoft.com/bower_components/jquery-ui-min/themes/base/jquery-ui.min.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/jquery-ui-layout-min/layout-default.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/github-markdown-css/github-markdown.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/font-awesome-min/css/font-awesome.min.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/remodal-min/jquery.remodal.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/katex-build/katex.min.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/ionicons-min/css/ionicons.min.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/bower_components/mermaid-min/mermaid.css">
    <link rel="stylesheet" href="http://mdp.tylingsoft.com/markdown-plus.css">
    <link href="public/js/markdown/icon.png" rel="shortcut icon" type="image/png">
    <script src="public/js/markdown/underscore-min.js"></script>
    <script src="public/js/markdown/jquery.min.js"></script>
    <script src="public/js/markdown/jquery-ui.min.js"></script>
    <script src="public/js/markdown/jquery.layout.min.js"></script>
    <script src="public/js/markdown/jquery.cookie.js"></script>
    <script src="public/js/markdown/ace.js" charset="utf-8"></script>
    <style id="ace_editor.css">.ace_editor {
        position: relative;
        overflow: hidden;
        font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
        direction: ltr;
    }

    .ace_scroller {
        position: absolute;
        overflow: hidden;
        top: 0;
        bottom: 0;
        background-color: inherit;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        cursor: text;
    }

    .ace_content {
        position: absolute;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 100%;
    }

    .ace_dragging .ace_scroller:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        background: rgba(250, 250, 250, 0.01);
        z-index: 1000;
    }

    .ace_dragging.ace_dark .ace_scroller:before {
        background: rgba(0, 0, 0, 0.01);
    }

    .ace_selecting, .ace_selecting * {
        cursor: text !important;
    }

    .ace_gutter {
        position: absolute;
        overflow: hidden;
        width: auto;
        top: 0;
        bottom: 0;
        left: 0;
        cursor: default;
        z-index: 4;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .ace_gutter-active-line {
        position: absolute;
        left: 0;
        right: 0;
    }

    .ace_scroller.ace_scroll-left {
        box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
    }

    .ace_gutter-cell {
        padding-left: 19px;
        padding-right: 6px;
        background-repeat: no-repeat;
    }

    .ace_gutter-cell.ace_error {
        background-image: url("");
        background-repeat: no-repeat;
        background-position: 2px center;
    }

    .ace_gutter-cell.ace_warning {
        background-image: url("");
        background-position: 2px center;
    }

    .ace_gutter-cell.ace_info {
        background-image: url("");
        background-position: 2px center;
    }

    .ace_dark .ace_gutter-cell.ace_info {
        background-image: url("");
    }

    .ace_scrollbar {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 6;
    }

    .ace_scrollbar-inner {
        position: absolute;
        cursor: text;
        left: 0;
        top: 0;
    }

    .ace_scrollbar-v {
        overflow-x: hidden;
        overflow-y: scroll;
        top: 0;
    }

    .ace_scrollbar-h {
        overflow-x: scroll;
        overflow-y: hidden;
        left: 0;
    }

    .ace_print-margin {
        position: absolute;
        height: 100%;
    }

    .ace_text-input {
        position: absolute;
        z-index: 0;
        width: 0.5em;
        height: 1em;
        opacity: 0;
        background: transparent;
        -moz-appearance: none;
        appearance: none;
        border: none;
        resize: none;
        outline: none;
        overflow: hidden;
        font: inherit;
        padding: 0 1px;
        margin: 0 -1px;
        text-indent: -1em;
        -ms-user-select: text;
        -moz-user-select: text;
        -webkit-user-select: text;
        user-select: text;
    }

    .ace_text-input.ace_composition {
        background: inherit;
        color: inherit;
        z-index: 1000;
        opacity: 1;
        text-indent: 0;
    }

    .ace_layer {
        z-index: 1;
        position: absolute;
        overflow: hidden;
        word-wrap: normal;
        white-space: pre;
        height: 100%;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }

    .ace_gutter-layer {
        position: relative;
        width: auto;
        text-align: right;
        pointer-events: auto;
    }

    .ace_text-layer {
        font: inherit !important;
    }

    .ace_cjk {
        display: inline-block;
        text-align: center;
    }

    .ace_cursor-layer {
        z-index: 4;
    }

    .ace_cursor {
        z-index: 4;
        position: absolute;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 2px solid
    }

    .ace_slim-cursors .ace_cursor {
        border-left-width: 1px;
    }

    .ace_overwrite-cursors .ace_cursor {
        border-left-width: 0;
        border-bottom: 1px solid;
    }

    .ace_hidden-cursors .ace_cursor {
        opacity: 0.2;
    }

    .ace_smooth-blinking .ace_cursor {
        -webkit-transition: opacity 0.18s;
        transition: opacity 0.18s;
    }

    .ace_editor.ace_multiselect .ace_cursor {
        border-left-width: 1px;
    }

    .ace_marker-layer .ace_step, .ace_marker-layer .ace_stack {
        position: absolute;
        z-index: 3;
    }

    .ace_marker-layer .ace_selection {
        position: absolute;
        z-index: 5;
    }

    .ace_marker-layer .ace_bracket {
        position: absolute;
        z-index: 6;
    }

    .ace_marker-layer .ace_active-line {
        position: absolute;
        z-index: 2;
    }

    .ace_marker-layer .ace_selected-word {
        position: absolute;
        z-index: 4;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ace_line .ace_fold {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        height: 11px;
        margin-top: -2px;
        vertical-align: middle;
        background-image: url(""), url("");
        background-repeat: no-repeat, repeat-x;
        background-position: center center, top left;
        color: transparent;
        border: 1px solid black;
        border-radius: 2px;
        cursor: pointer;
        pointer-events: auto;
    }

    .ace_dark .ace_fold {
    }

    .ace_fold:hover {
        background-image: url(""), url("");
    }

    .ace_tooltip {
        background-color: #FFF;
        background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
        border: 1px solid gray;
        border-radius: 1px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        color: black;
        max-width: 100%;
        padding: 3px 4px;
        position: fixed;
        z-index: 999999;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: default;
        white-space: pre;
        word-wrap: break-word;
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        pointer-events: none;
    }

    .ace_folding-enabled > .ace_gutter-cell {
        padding-right: 13px;
    }

    .ace_fold-widget {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 -12px 0 1px;
        display: none;
        width: 11px;
        vertical-align: top;
        background-image: url("");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 3px;
        border: 1px solid transparent;
        cursor: pointer;
    }

    .ace_folding-enabled .ace_fold-widget {
        display: inline-block;
    }

    .ace_fold-widget.ace_end {
        background-image: url("");
    }

    .ace_fold-widget.ace_closed {
        background-image: url("");
    }

    .ace_fold-widget:hover {
        border: 1px solid rgba(0, 0, 0, 0.3);
        background-color: rgba(255, 255, 255, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    }

    .ace_fold-widget:active {
        border: 1px solid rgba(0, 0, 0, 0.4);
        background-color: rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    }

    .ace_dark .ace_fold-widget {
        background-image: url("");
    }

    .ace_dark .ace_fold-widget.ace_end {
        background-image: url("");
    }

    .ace_dark .ace_fold-widget.ace_closed {
        background-image: url("");
    }

    .ace_dark .ace_fold-widget:hover {
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.1);
    }

    .ace_dark .ace_fold-widget:active {
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
    }

    .ace_fold-widget.ace_invalid {
        background-color: #FFB4B4;
        border-color: #DE5555;
    }

    .ace_fade-fold-widgets .ace_fold-widget {
        -webkit-transition: opacity 0.4s ease 0.05s;
        transition: opacity 0.4s ease 0.05s;
        opacity: 0;
    }

    .ace_fade-fold-widgets:hover .ace_fold-widget {
        -webkit-transition: opacity 0.05s ease 0.05s;
        transition: opacity 0.05s ease 0.05s;
        opacity: 1;
    }

    .ace_underline {
        text-decoration: underline;
    }

    .ace_bold {
        font-weight: bold;
    }

    .ace_nobold .ace_bold {
        font-weight: normal;
    }

    .ace_italic {
        font-style: italic;
    }

    .ace_error-marker {
        background-color: rgba(255, 0, 0, 0.2);
        position: absolute;
        z-index: 9;
    }

    .ace_highlight-marker {
        background-color: rgba(255, 255, 0, 0.2);
        position: absolute;
        z-index: 8;
    }</style>
    <style id="ace-tm">.ace-tm .ace_gutter {
        background: #f0f0f0;
        color: #333;
    }

    .ace-tm .ace_print-margin {
        width: 1px;
        background: #e8e8e8;
    }

    .ace-tm .ace_fold {
        background-color: #6B72E6;
    }

    .ace-tm {
        background-color: #FFFFFF;
        color: black;
    }

    .ace-tm .ace_cursor {
        color: black;
    }

    .ace-tm .ace_invisible {
        color: rgb(191, 191, 191);
    }

    .ace-tm .ace_storage, .ace-tm .ace_keyword {
        color: blue;
    }

    .ace-tm .ace_constant {
        color: rgb(197, 6, 11);
    }

    .ace-tm .ace_constant.ace_buildin {
        color: rgb(88, 72, 246);
    }

    .ace-tm .ace_constant.ace_language {
        color: rgb(88, 92, 246);
    }

    .ace-tm .ace_constant.ace_library {
        color: rgb(6, 150, 14);
    }

    .ace-tm .ace_invalid {
        background-color: rgba(255, 0, 0, 0.1);
        color: red;
    }

    .ace-tm .ace_support.ace_function {
        color: rgb(60, 76, 114);
    }

    .ace-tm .ace_support.ace_constant {
        color: rgb(6, 150, 14);
    }

    .ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class {
        color: rgb(109, 121, 222);
    }

    .ace-tm .ace_keyword.ace_operator {
        color: rgb(104, 118, 135);
    }

    .ace-tm .ace_string {
        color: rgb(3, 106, 7);
    }

    .ace-tm .ace_comment {
        color: rgb(76, 136, 107);
    }

    .ace-tm .ace_comment.ace_doc {
        color: rgb(0, 102, 255);
    }

    .ace-tm .ace_comment.ace_doc.ace_tag {
        color: rgb(128, 159, 191);
    }

    .ace-tm .ace_constant.ace_numeric {
        color: rgb(0, 0, 205);
    }

    .ace-tm .ace_variable {
        color: rgb(49, 132, 149);
    }

    .ace-tm .ace_xml-pe {
        color: rgb(104, 104, 91);
    }

    .ace-tm .ace_entity.ace_name.ace_function {
        color: #0000A2;
    }

    .ace-tm .ace_heading {
        color: rgb(12, 7, 255);
    }

    .ace-tm .ace_list {
        color: rgb(185, 6, 144);
    }

    .ace-tm .ace_meta.ace_tag {
        color: rgb(0, 22, 142);
    }

    .ace-tm .ace_string.ace_regex {
        color: rgb(255, 0, 0)
    }

    .ace-tm .ace_marker-layer .ace_selection {
        background: rgb(181, 213, 255);
    }

    .ace-tm.ace_multiselect .ace_selection.ace_start {
        box-shadow: 0 0 3px 0px white;
        border-radius: 2px;
    }

    .ace-tm .ace_marker-layer .ace_step {
        background: rgb(252, 255, 0);
    }

    .ace-tm .ace_marker-layer .ace_stack {
        background: rgb(164, 229, 101);
    }

    .ace-tm .ace_marker-layer .ace_bracket {
        margin: -1px 0 0 -1px;
        border: 1px solid rgb(192, 192, 192);
    }

    .ace-tm .ace_marker-layer .ace_active-line {
        background: rgba(0, 0, 0, 0.07);
    }

    .ace-tm .ace_gutter-active-line {
        background-color: #dcdcdc;
    }

    .ace-tm .ace_marker-layer .ace_selected-word {
        background: rgb(250, 250, 255);
        border: 1px solid rgb(200, 200, 250);
    }

    .ace-tm .ace_indent-guide {
        background: url("") right repeat-y;
    }</style>
    <style>    .error_widget_wrapper {
        background: inherit;
        color: inherit;
        border: none
    }

    .error_widget {
        border-top: solid 2px;
        border-bottom: solid 2px;
        margin: 5px 0;
        padding: 10px 40px;
        white-space: pre-wrap;
    }

    .error_widget.ace_error, .error_widget_arrow.ace_error {
        border-color: #ff5a5a
    }

    .error_widget.ace_warning, .error_widget_arrow.ace_warning {
        border-color: #F1D817
    }

    .error_widget.ace_info, .error_widget_arrow.ace_info {
        border-color: #5a5a5a
    }

    .error_widget.ace_ok, .error_widget_arrow.ace_ok {
        border-color: #5aaa5a
    }

    .error_widget_arrow {
        position: absolute;
        border: solid 5px;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-left-color: transparent !important;
        top: -5px;
    }</style>
    <script src="public/js/markdown/ext-static_highlight.js"></script>
    <script src="public/js/markdown/ext-modelist.js"></script>
    <script src="public/js/markdown/keybinding-vim.js"></script>
    <script src="public/js/markdown/keybinding-emacs.js"></script>
    <script src="public/js/markdown/markedown.min.js"></script>
    <script src="public/js/markdown/jquery.remodal.min.js"></script>
    <script src="public/js/markdown/katex.min.js"></script>
    <script src="public/js/markdown/mermaid.full.min.js"></script>
    <script src="public/js/markdown/markdown-plus.js"></script>
    <style id="vimMode">.normal-mode .ace_cursor {
        border: 0 !important;
        background-color: red;
        opacity: 0.5;
    }

    .ace_dialog {
        position: absolute;
        left: 0;
        right: 0;
        background: white;
        z-index: 15;
        padding: .1em .8em;
        overflow: hidden;
        color: #333;
    }

    .ace_dialog-top {
        border-bottom: 1px solid #eee;
        top: 0;
    }

    .ace_dialog-bottom {
        border-top: 1px solid #eee;
        bottom: 0;
    }

    .ace_dialog input {
        border: none;
        outline: none;
        background: transparent;
        width: 20em;
        color: inherit;
        font-family: monospace;
    }</style>
    <script src="public/js/markdown/index.js"></script>
    <script src="public/js/markdown/mode-markdown.js"></script>
    <script src="public/js/markdown/theme-tomorrow_night_eighties.js"></script>
    <style id="ace-tomorrow-night-eighties">.ace-tomorrow-night-eighties .ace_gutter {
        background: #272727;
        color: #CCC
    }

    .ace-tomorrow-night-eighties .ace_print-margin {
        width: 1px;
        background: #272727
    }

    .ace-tomorrow-night-eighties {
        background-color: #2D2D2D;
        color: #CCCCCC
    }

    .ace-tomorrow-night-eighties .ace_constant.ace_other, .ace-tomorrow-night-eighties .ace_cursor {
        color: #CCCCCC
    }

    .ace-tomorrow-night-eighties .ace_marker-layer .ace_selection {
        background: #515151
    }

    .ace-tomorrow-night-eighties.ace_multiselect .ace_selection.ace_start {
        box-shadow: 0 0 3px 0px #2D2D2D;
        border-radius: 2px
    }

    .ace-tomorrow-night-eighties .ace_marker-layer .ace_step {
        background: rgb(102, 82, 0)
    }

    .ace-tomorrow-night-eighties .ace_marker-layer .ace_bracket {
        margin: -1px 0 0 -1px;
        border: 1px solid #6A6A6A
    }

    .ace-tomorrow-night-bright .ace_stack {
        background: rgb(66, 90, 44)
    }

    .ace-tomorrow-night-eighties .ace_marker-layer .ace_active-line {
        background: #393939
    }

    .ace-tomorrow-night-eighties .ace_gutter-active-line {
        background-color: #393939
    }

    .ace-tomorrow-night-eighties .ace_marker-layer .ace_selected-word {
        border: 1px solid #515151
    }

    .ace-tomorrow-night-eighties .ace_invisible {
        color: #6A6A6A
    }

    .ace-tomorrow-night-eighties .ace_keyword, .ace-tomorrow-night-eighties .ace_meta, .ace-tomorrow-night-eighties .ace_storage, .ace-tomorrow-night-eighties .ace_storage.ace_type, .ace-tomorrow-night-eighties .ace_support.ace_type {
        color: #CC99CC
    }

    .ace-tomorrow-night-eighties .ace_keyword.ace_operator {
        color: #66CCCC
    }

    .ace-tomorrow-night-eighties .ace_constant.ace_character, .ace-tomorrow-night-eighties .ace_constant.ace_language, .ace-tomorrow-night-eighties .ace_constant.ace_numeric, .ace-tomorrow-night-eighties .ace_keyword.ace_other.ace_unit, .ace-tomorrow-night-eighties .ace_support.ace_constant, .ace-tomorrow-night-eighties .ace_variable.ace_parameter {
        color: #F99157
    }

    .ace-tomorrow-night-eighties .ace_invalid {
        color: #CDCDCD;
        background-color: #F2777A
    }

    .ace-tomorrow-night-eighties .ace_invalid.ace_deprecated {
        color: #CDCDCD;
        background-color: #CC99CC
    }

    .ace-tomorrow-night-eighties .ace_fold {
        background-color: #6699CC;
        border-color: #CCCCCC
    }

    .ace-tomorrow-night-eighties .ace_entity.ace_name.ace_function, .ace-tomorrow-night-eighties .ace_support.ace_function, .ace-tomorrow-night-eighties .ace_variable {
        color: #6699CC
    }

    .ace-tomorrow-night-eighties .ace_support.ace_class, .ace-tomorrow-night-eighties .ace_support.ace_type {
        color: #FFCC66
    }

    .ace-tomorrow-night-eighties .ace_heading, .ace-tomorrow-night-eighties .ace_markup.ace_heading, .ace-tomorrow-night-eighties .ace_string {
        color: #99CC99
    }

    .ace-tomorrow-night-eighties .ace_comment {
        color: #999999
    }

    .ace-tomorrow-night-eighties .ace_entity.ace_name.ace_tag, .ace-tomorrow-night-eighties .ace_entity.ace_other.ace_attribute-name, .ace-tomorrow-night-eighties .ace_meta.ace_tag, .ace-tomorrow-night-eighties .ace_variable {
        color: #F2777A
    }

    .ace-tomorrow-night-eighties .ace_indent-guide {
        background: url() right repeat-y
    }</style>
    <script src="public/js/markdown/theme-github.js"></script>
    <script src="public/js/markdown/mode-python.js"></script>
    <style id="ace-github">.ace-github .ace_gutter {
        background: #e8e8e8;
        color: #AAA;
    }

    .ace-github {
        background: #fff;
        color: #000;
    }

    .ace-github .ace_keyword {
        font-weight: bold;
    }

    .ace-github .ace_string {
        color: #D14;
    }

    .ace-github .ace_variable.ace_class {
        color: teal;
    }

    .ace-github .ace_constant.ace_numeric {
        color: #099;
    }

    .ace-github .ace_constant.ace_buildin {
        color: #0086B3;
    }

    .ace-github .ace_support.ace_function {
        color: #0086B3;
    }

    .ace-github .ace_comment {
        color: #998;
        font-style: italic;
    }

    .ace-github .ace_variable.ace_language {
        color: #0086B3;
    }

    .ace-github .ace_paren {
        font-weight: bold;
    }

    .ace-github .ace_boolean {
        font-weight: bold;
    }

    .ace-github .ace_string.ace_regexp {
        color: #009926;
        font-weight: normal;
    }

    .ace-github .ace_variable.ace_instance {
        color: teal;
    }

    .ace-github .ace_constant.ace_language {
        font-weight: bold;
    }

    .ace-github .ace_cursor {
        color: black;
    }

    .ace-github.ace_focus .ace_marker-layer .ace_active-line {
        background: rgb(255, 255, 204);
    }

    .ace-github .ace_marker-layer .ace_active-line {
        background: rgb(245, 245, 245);
    }

    .ace-github .ace_marker-layer .ace_selection {
        background: rgb(181, 213, 255);
    }

    .ace-github.ace_multiselect .ace_selection.ace_start {
        box-shadow: 0 0 3px 0px white;
        border-radius: 2px;
    }

    .ace-github.ace_nobold .ace_line > span {
        font-weight: normal !important;
    }

    .ace-github .ace_marker-layer .ace_step {
        background: rgb(252, 255, 0);
    }

    .ace-github .ace_marker-layer .ace_stack {
        background: rgb(164, 229, 101);
    }

    .ace-github .ace_marker-layer .ace_bracket {
        margin: -1px 0 0 -1px;
        border: 1px solid rgb(192, 192, 192);
    }

    .ace-github .ace_gutter-active-line {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .ace-github .ace_marker-layer .ace_selected-word {
        background: rgb(250, 250, 255);
        border: 1px solid rgb(200, 200, 250);
    }

    .ace-github .ace_invisible {
        color: #BFBFBF
    }

    .ace-github .ace_print-margin {
        width: 1px;
        background: #e8e8e8;
    }

    .ace-github .ace_indent-guide {
        background: url("") right repeat-y;
    }</style>
    <style id="ace_highlight">.ace_static_highlight {
        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'Droid Sans Mono', monospace;
        font-size: 12px;
        white-space: pre-wrap
    }

    .ace_static_highlight .ace_gutter {
        width: 2em;
        text-align: right;
        padding: 0 3px 0 0;
        margin-right: 3px;
    }

    .ace_static_highlight.ace_show_gutter .ace_line {
        padding-left: 2.6em;
    }

    .ace_static_highlight .ace_line {
        position: relative;
    }

    .ace_static_highlight .ace_gutter-cell {
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        top: 0;
        bottom: 0;
        left: 0;
        position: absolute;
    }

    .ace_static_highlight .ace_gutter-cell:before {
        content: counter(ace_line, decimal);
        counter-increment: ace_line;
    }

    .ace_static_highlight {
        counter-reset: ace_line;
    }

    .ace-github .ace_gutter {
        background: #e8e8e8;
        color: #AAA;
    }

    .ace-github {
        background: #fff;
        color: #000;
    }

    .ace-github .ace_keyword {
        font-weight: bold;
    }

    .ace-github .ace_string {
        color: #D14;
    }

    .ace-github .ace_variable.ace_class {
        color: teal;
    }

    .ace-github .ace_constant.ace_numeric {
        color: #099;
    }

    .ace-github .ace_constant.ace_buildin {
        color: #0086B3;
    }

    .ace-github .ace_support.ace_function {
        color: #0086B3;
    }

    .ace-github .ace_comment {
        color: #998;
        font-style: italic;
    }

    .ace-github .ace_variable.ace_language {
        color: #0086B3;
    }

    .ace-github .ace_paren {
        font-weight: bold;
    }

    .ace-github .ace_boolean {
        font-weight: bold;
    }

    .ace-github .ace_string.ace_regexp {
        color: #009926;
        font-weight: normal;
    }

    .ace-github .ace_variable.ace_instance {
        color: teal;
    }

    .ace-github .ace_constant.ace_language {
        font-weight: bold;
    }

    .ace-github .ace_cursor {
        color: black;
    }

    .ace-github.ace_focus .ace_marker-layer .ace_active-line {
        background: rgb(255, 255, 204);
    }

    .ace-github .ace_marker-layer .ace_active-line {
        background: rgb(245, 245, 245);
    }

    .ace-github .ace_marker-layer .ace_selection {
        background: rgb(181, 213, 255);
    }

    .ace-github.ace_multiselect .ace_selection.ace_start {
        box-shadow: 0 0 3px 0px white;
        border-radius: 2px;
    }

    .ace-github.ace_nobold .ace_line > span {
        font-weight: normal !important;
    }

    .ace-github .ace_marker-layer .ace_step {
        background: rgb(252, 255, 0);
    }

    .ace-github .ace_marker-layer .ace_stack {
        background: rgb(164, 229, 101);
    }

    .ace-github .ace_marker-layer .ace_bracket {
        margin: -1px 0 0 -1px;
        border: 1px solid rgb(192, 192, 192);
    }

    .ace-github .ace_gutter-active-line {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .ace-github .ace_marker-layer .ace_selected-word {
        background: rgb(250, 250, 255);
        border: 1px solid rgb(200, 200, 250);
    }

    .ace-github .ace_invisible {
        color: #BFBFBF
    }

    .ace-github .ace_print-margin {
        width: 1px;
        background: #e8e8e8;
    }

    .ace-github .ace_indent-guide {
        background: url("") right repeat-y;
    }</style>
</head>
<body class="ui-layout-container"
      style="overflow: hidden; width: auto; height: auto; margin: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; zoom: 1; padding-right: 0px;"
      youdao="bind">
	  <div class="ui-layout-north ui-layout-pane ui-layout-pane-north" style="position: absolute; margin: 0px; top: 0px; bottom: auto; left: 0px; right: 0px; width: auto; z-index: 0; height: 22px; display: block; visibility: visible;">
      <div id="toolbar" class="noselect" data-open-title="隐藏工具栏" data-closed-title="显示工具栏"> <!-- 工具栏 -->
        <i title="新建" class="fa fa-file-text-o file-icon app-only" data-name="new"></i>
        <i title="打开" class="fa fa-folder-open-o file-icon app-only" data-name="open"></i>
        <i title="保存" class="fa fa-save file-icon app-only" data-name="save"></i>
        <i title="导出为 HTML" class="fa fa-file-code-o file-icon app-only" data-name="html"></i>
        <i title="导出为 PDF" class="fa fa-file-pdf-o file-icon app-only" data-name="pdf"></i>
        <i title="导出为图片" class="fa fa-file-image-o file-icon app-only" data-name="image"></i>
        <i class="dividor app-only">|</i>
        <i title="粗体" class="fa fa-bold styling-icon" data-modifier="**"></i>
        <i title="斜体" class="fa fa-italic styling-icon" data-modifier="*"></i>
        <i title="删除线" class="fa fa-strikethrough styling-icon" data-modifier="~~"></i>
        <i class="dividor">|</i>
        <i title="标题 1" class="fa heading-icon" data-level="1">h1</i>
        <i title="标题 2" class="fa heading-icon" data-level="2">h2</i>
        <i title="标题 3" class="fa heading-icon" data-level="3">h3</i>
        <i title="标题 4" class="fa heading-icon" data-level="4">h4</i>
        <i title="标题 5" class="fa heading-icon" data-level="5">h5</i>
        <i title="标题 6" class="fa heading-icon" data-level="6">h6</i>
        <i class="dividor">|</i>
        <i title="横线" id="horizontal-rule" class="fa fa-minus"></i>
        <i title="引用" class="fa fa-quote-left list-icon" data-prefix="&gt; "></i>
        <i title="无序列表" class="fa fa-list-ul list-icon" data-prefix="- "></i>
        <i title="有序列表" class="fa fa-list-ol list-icon" data-prefix="1. "></i>
        <i title="未完成任务列表" class="fa fa-square-o list-icon" data-prefix="- [ ] "></i>
        <i title="已完成任务列表" class="fa fa-check-square-o list-icon" data-prefix="- [x] "></i>
        <i class="dividor">|</i>
        <i title="链接" class="fa fa-link" id="link-icon" data-sample-text="链接文字" data-sample-url="http://example.com"></i>
        <i title="图片" class="fa fa-image" id="image-icon" data-sample-text="图片描述" data-sample-url="http://example.com/example.png"></i>
        <i title="代码" class="fa fa-code" id="code-icon"></i>
        <i title="表格" class="fa fa-table" id="table-icon" data-sample="列名 1 | 列名 2
---|---
第一行第一列 | 第一行第二列
第二行第一列 | 第二行第二列"></i>
        <i class="dividor">|</i>
        <i title="Emoji 图标" class="fa fa-smile-o" data-remodal-target="emoji-modal"></i>
        <i title="Font Awesome 图标" class="fa fa-flag-o" data-remodal-target="fa-modal"></i>
        <i title="Ionicons 图标" class="icon ion-ionic" data-remodal-target="ion-modal"></i>
        <i class="dividor">|</i>
        <i title="数学公式" class="fa fa-superscript" id="math-icon" data-sample="E = mc^2"></i>
        <i title="流程图" class="fa fa-long-arrow-right mermaid-icon" data-sample="graph LR
A--&gt;B"></i>
        <i title="顺序图" class="fa fa-exchange mermaid-icon" data-sample="sequenceDiagram
A-&gt;&gt;B: 你好吗？
B-&gt;&gt;A: 我很好！"></i>
        <i title="甘特图" class="fa fa-sliders mermaid-icon" data-sample="gantt
dateFormat YYYY-MM-DD
section S1
T1: 2014-01-01, 9d
section S2
T2: 2014-01-11, 9d
section S3
T3: 2014-01-02, 9d"></i>
        <i class="dividor">|</i>
        <i title="首选项" class="fa fa-cog" data-remodal-target="preferences-modal"></i>
        <i title="帮助" class="fa fa-question-circle" data-remodal-target="help-modal"></i>
        <i title="关于" class="fa fa-info-circle" data-remodal-target="about-modal"></i>
        <i class="dividor guest-only">|</i>
        <i title="输入注册码" class="fa fa-key guest-only" data-remodal-target="license-modal"></i>
      </div>
    </div>
<div class="ui-layout-center ui-layout-pane ui-layout-pane-center"
     style="position: absolute; margin: 0px; left: 0px; right: 723px; top: 28px; bottom: 0px; height: 717px; width: 717px; z-index: 0; display: block; visibility: visible;">
    <div id="editor" class=" ace_editor ace-tomorrow-night-eighties ace_dark" style="font-size: 14px;"><textarea
            class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false"
            style="opacity: 0; height: 17px; width: 7.6975px; left: 76.0925px; top: -1000px;"></textarea>

    </div>
    <!-- 编辑器 -->


</div>
<div class="ui-layout-east ui-layout-pane ui-layout-pane-east ui-layout-pane-hover ui-layout-pane-east-hover ui-layout-pane-open-hover ui-layout-pane-east-open-hover"
     style="position: absolute; margin: 0px; left: auto; right: 0px; top: 28px; bottom: 0px; height: 717px; z-index: 0; width: 717px; display: block; visibility: visible;">
    <article class="markdown-body" id="preview" data-open-title="隐藏预览" data-closed-title="显示预览"
             style="padding-bottom: 693px;">
        <hr data-line="2">

    </article>
    <!-- 实时预览 -->
</div>


</body>
</html>